<template>
  <div>
    Son...
    {{num}}
    <button @click="handleClick">btn</button>
  </div>
</template>

<script>
  export default {
    name:"SonComp",
    props:{
      num:{
        type:Number,
        required: true,
      },
      setNum:{
        type: Function,
        required: true,
      }
    },
    methods:{
      handleClick(){
        // this.num++; // 报错
        this.setNum();
        /* props 特点：只读的，不能修改
        想要修改props数据：
          1. 先在数据源定义更新数据方法 
          2. 再将方法传递过来从而调用方法修改数据
        数据源在哪，更新数据的方法就在哪 */
       
      }
    }
  }
</script>

<style>

</style>